$color-white: #fff;
$color-black: #000;
$color-primary: #4e5fff;
$color-font: #393d59;
$color-error: #ec2e2e;
$color-placeholder: rgba($color-font, 0.3);
$color-gray: #d4d4d4;
$color-succes: #1fc880;
$color-vip-primary: #7432ff;
$color-vip-text: #7b4801;
$color-vip-text1: #fce5b8;
$color-primary1: #ff6f41;
$color-primary2: #7432ff;
$color-primary3: #2FC670;
$color-primary3-active: #31B068;
$color-primary4: #FD7F00;

$border-base:  1px solid rgba(255,255,255,0.1);
$border-color: #ebebeb;
$border-color-primary: rgba($color-primary, 0.2);
$border-color-input: rgba($color-primary, 0.5);
$border-color-split: rgba($color-font, 0.1);
$border-color-active: $color-primary;
$border-radius: 8px;

$font-size-base: 12px;
$font-color-main: $color-font;
$font-color-secend: rgba($font-color-main, 0.5);
$font-color-sub: rgba($font-color-main, 0.3);
$font-color-gray: rgba($color-primary, 0.5);

$list-item-hover: #eeefff;
$star-btn-active: #ffb013;
$vip-color: #e9c362;
/* chat style*/
$chat-server-item-gb: #393d59;

$button-bg-color: rgba($color-primary, 0.1);
$button-hover-bg-color: rgba($color-primary, 0.2);
$button-bg-color-second: rgba($color-primary, 0.05);
// $button-primary-bg-color: $color-primary;
// $aside-tools-width: 50px;

$bg-color-primary: #34353B;